<!DOCTYPE html>
<%@page language="java" pageEncoding="utf-8" contentType="text/html; charset=UTF-8"%>
<%
	String ctx = request.getContextPath();
%>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>安全日志</title>
    <link rel="stylesheet" type="text/css" href="css/basic.css">
    <link rel="stylesheet" type="text/css" href="css/common.css">
    <!-- 设置JS全局变量  ctx -->
	<script type="text/javascript">
		var ctx = "<%=request.getContextPath()%>";
	</script>
</head>
<body>
    <jsp:include page="head.jsp"></jsp:include>
    <div class="container">
        <div class="sidebar">
            <div id="side-scroll">
                <div class="sidebar-toggler clearfix"><a href="javascript:;" class="icos-toggler toggler-close"></a></div>

                <ul class="sidebar-menu">
                    <li>
                        <a class="a-menu" href="javascript:;">
                            <em class="icos-list icos"></em><span>客户监控</span><i class="arrow"></i>
                        </a>
                        <ul class="sub-menu">
                            <li><a href="javascript:;">即时在线情况</a></li>
                            <li><a href="javascript:;">历史在线统计情况</a></li>
                            <li><a href="javascript:;">任务执行情况</a></li>
                            <li><a href="javascript:;">存储情况</a></li>
                        </ul>
                    </li>
                    <li class="active">
                        <a class="a-menu" href="javascript:;">
                            <em class="icos-user icos"></em><span>安全日志</span><i class="arrow"></i>
                        </a>
                        <ul class="sub-menu">
                            <li><a class="on" href="javascript:;">监测类</a></li>
                            <li><a href="javascript:;">通讯引导类</a></li>
                            <li><a href="javascript:;">业务类</a></li>
                            <li><a href="javascript:;">授权类</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <div class="page-content">
            <div id="content-scroll">
                <div class="cont-area clearfix">
                    <i class="fl"></i><span class="fl">首页&gt;安全审计&gt;安全日志</span>
                </div>
                <div class="data-grid">
                    <div class="grid-toolbar">
                        <div class="search-box clearfix">
                            <div class="search-group">
                                <label>查询条件：</label>
                                <input type="text">
                            </div>
                            <div class="search-group">
                                <label>条件：</label>
                                <input type="text">
                            </div>
                            <div class="search-group">
                                <label>查询条件：</label>
                                <input type="text">
                            </div>
                            <div class="search-group">
                                <label>查询条件：</label>
                                <select>
                                    <option>哈哈哈</option>
                                    <option>哈哈哈</option>
                                    <option>哈哈哈</option>
                                </select>
                            </div>
                            <div class="search-btns">
                                <div class="long-search-btns">
                                    <button class="clearfix btn" type="button"><i class="icos icos-search fl"></i><span class="fl">查询</span></button>
                                    <button class="clearfix btn" type="button"><i class="icos icos-reset fl"></i><span class="fl">重置</span></button>
                                    <button class="clearfix btn" type="button"><i class="icos icos-level fl"></i><span class="fl">高级查询</span></button>
                                </div>
                                <div class="short-search-btns">
                                    <button class="btn" type="button"><i class="icos icos-list"></i></button>
                                    <div class="btns-list">
                                        <ul>
                                            <li><a class="clearfix" href="javascript:;">查询</a></li>
                                            <li><a class="clearfix" href="javascript:;">重置</a></li>
                                            <li><a class="clearfix" href="javascript:;">高级查询</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="thead">
                        <table>
                            <tbody>
                                <tr>
                                    <th width="24px"><input class="check-all" type="checkbox"></th>
                                    <th width="450px">接口名</th>
                                    <th width="450px">错误次数</th>
                                    <th width="450px">执行次数</th>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="tbody">
                        <table>
                            <tbody>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                                <tr>
                                    <td width="24px"><input type="checkbox"></td>
                                    <td width="450px">更新检查接口</td>
                                    <td width="450px"><a href="javascript:;">0</a></td>
                                    <td width="450px">38</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="grid-page clearfix">
                        <div class="page-left fl"><span>显示1-18条，共600条</span></div>
                        <div class="page-right fl">
                            <a href="javascript:;">首页</a>
                            <a href="javascript:;">上一页</a>
                            <span>第<input type="text" value="5">页，共33页</span>
                            <a href="javascript:;">下一页</a>
                            <a href="javascript:;">尾页</a>
                            <a href="javascript:;">刷新</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- <div class="ui-dialog-bg"></div>
    <div class="ui-dialog">
        <div class="ui-dialog-center">
            <div class="ui-dialog-header">
                <span>测试窗口</span>
                <i class="ui-dialog-close"></i>
            </div>
            <div class="ui-dialog-content">
                <div class="ui-dialog-form">
                    <form>
                        <div class="form-group">
                            <label><em>*</em>条件条件：</label>
                            <input class="required" type="text">
                            <em class="error"><i class="icos-error"></i>条件条件，不可为空白</em>
                        </div>
                        <div class="form-group">
                            <label>条件条件：</label>
                            <input type="text">
                        </div>
                        <div class="form-group">
                            <label><em>*</em>条件条件：</label>
                            <input class="required" type="text">
                            <em class="error"><i class="icos-error"></i>条件条件，不可为空白</em>
                        </div>
                        <div class="form-group">
                            <label><em>*</em>条件条件：</label>
                            <input class="required" type="text">
                            <em class="error"><i class="icos-error"></i>条件条件，不可为空白</em>
                        </div>
                        <div class="form-group">
                            <label>条件条件：</label>
                            <select>
                                <option value="test1">1</option>
                                <option value="test2">2</option>
                                <option value="test3">3</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label class="vertical-top">条件条件：</label>
                            <textarea></textarea>
                        </div>
                    </form>
                </div>
                <div class="ui-dialog-btns">
                    <button type="submit" class="blue btn">修改</button>
                    <button type="button" class="yellow btn">重置</button>
                    <button type="button" class="red btn">取消</button>
                </div>
            </div>
        </div>

     </div> -->
    <script src="js/yep.min.js" type="text/javascript" data-config="YBA.Config.js"></script>
    <script type="text/javascript">
        yepjs.use({
            name: ["jquery", "YBA.Plugin.slimscroll","YBA.Common"],
            callback: function () {
                $('#side-scroll').slimscroll({
                    height:"100%"
                });
                $('#content-scroll').slimscroll({
                    height:"100%"
                });
                YBA.Common.sidebar();
                YBA.Common.required({
                    inp: $(".form-group")
                });
                YBA.Common.autoWidth();
                YBA.Common.gridWidth();
            }
        });
    </script>
</body>
</html>
